<template>
  <div class="patient-info" v-if="true">
    <div class="patient-info-inside">
      <div class="header">
        <div class="left item">
          <img alt="左侧" src="@/components/assets/images/design/1-12.webp" />
        </div>
        <div class="middle item">提示信息</div>
        <div class="right item">
          <img alt="右侧" src="@/components/assets/images/design/1-12.webp" />
        </div>
      </div>
      <div class="patient-info-area-box">
        <div class="patient-info-area">
          <el-col :span="24">
            <div class="sign">姓名:</div>
            <div class="content">{{ patientInfo?.result?.sex }}</div>
          </el-col>
          <el-col :span="24">
            <div class="sign">卡号:</div>
            <div class="content">{{ patientInfo?.result?.sex }}</div>
          </el-col>
          <el-col :span="24">
            <div class="sign">业务类型:</div>
            <div class="content">{{ patientInfo?.result?.birthday }}</div>
          </el-col>
          <el-col :span="24">
            <div class="sign colorRed">总计金额:</div>
            <div class="content colorRed">{{ patientInfo?.result?.phone }}</div>
          </el-col>
        </div>
        <div class="qr-code-box">
          <div class="img-box">
            <img src="" alt="">
          </div>
          <div class="titleFontBox">请使用微信扫一扫支付</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "PaymentReminder",

  componentName: "PaymentReminder",

  components: {},

  data() {
    return {
      formInfo: {
        user: "医保电子凭证核验",
        code: "",
      },
    };
  },

  computed: {
    patientInfo() {
      return this.$store.getters["DRCbiz/getPatientInfo"];
    },
  },

  mounted() {},

  methods: {
    handleSure() {
      this.$emit("handleSure");
    },
  },
};
</script>

<style scoped lang="scss">
@import "./assets/style";
</style>